<template>
  <div class="page_container">
    <ItemMenu :menuList="menuList" defaultActive="1-7" />
  </div>
</template>

<script>
import BarPage1 from "./Page/BarChart/BarPage1.vue";
import BarPage2 from "./Page/BarChart/BarPage2.vue";
import BarPage3 from "./Page/BarChart/BarPage3.vue";
import BarPage4 from "./Page/BarChart/BarPage4.vue";
import BarPage5 from "./Page/BarChart/BarPage5.vue";
import BarPage6 from "./Page/BarChart/BarPage6.vue";
import BarPage7 from "./Page/BarChart/BarPage7.vue";
import RadarPage1 from "./Page/RadarChart/RadarPage1.vue";
import LinePage1 from "./Page/LineChart/LinePage1.vue";
import LinePage2 from "./Page/LineChart/LinePage2.vue";
import LinePage3 from "./Page/LineChart/LinePage3.vue";
import LinePage4 from "./Page/LineChart/LinePage4.vue";
import LinePage5 from "./Page/LineChart/LinePage5.vue";
import LinePage6 from "./Page/LineChart/LinePage6.vue";
import CustomPage1 from "./Page/CustomChart/CustomPage1.vue";
import CustomPage2 from "./Page/CustomChart/CustomPage2.vue";
import CustomPage3 from "./Page/CustomChart/CustomPage3.vue";
import CustomPage4 from "./Page/CustomChart/CustomePage4/CustomPage4.vue";
import WorkPage1 from "./Page/Work/index.vue";
import WorkPage2 from "./Page/Work/index2.vue";
import WorkPage3 from "./Page/Work/index3.vue";
export default {
  name: "testPage",
  data() {
    return {
      menuList: [
        {
          title: "柱状图",
          id: "1",
          children: [
            { title: "动态分组柱状图", id: "1-1", component: BarPage1 },
            { title: "动态分组柱状图(封装)", id: "1-2", component: BarPage2 },
            { title: "动态分组柱状图(3D)", id: "1-3", component: BarPage3 },
            { title: "动态多维度分组柱状图(3D)", id: "1-7", component: BarPage7 },
            { title: "不等宽柱状图", id: "1-4", component: BarPage4 },
            { title: "不等宽柱状图(封装)", id: "1-5", component: BarPage5 },
            { title: "不等宽柱状图(封装)xy互换", id: "1-6", component: BarPage6 },
      
          ],
        },
        {
          title: "雷达图",
          id: "2",
          children: [{ title: "雷达图", id: "2-1", component: RadarPage1 }],
        },
        {
          title: "折线图",
          id: "3",
          children: [
            { title: "多级折线图1", id: "3-1", component: LinePage1 },
            { title: "多级折线图2", id: "3-2", component: LinePage2 },
            { title: "多级折线图3", id: "3-3", component: LinePage3 },
            { title: "多级折线图4", id: "3-4", component: LinePage4 },
            { title: "多级折线图5", id: "3-5", component: LinePage5 },
            { title: "多功能折线图1", id: "3-6", component: LinePage6 },
          ],
        },
        {
          title: "特殊图",
          id: "4",
          children: [
            { title: "特殊图1", id: "4-1", component: CustomPage1 },
            { title: "特殊图2", id: "4-2", component: CustomPage2 },
            { title: "特殊图3（图1、2的叠层）", id: "4-3", component: CustomPage3 },
            { title: "特殊图4", id: "4-4", component: CustomPage4 },
            
          ],
        },
        {
          title: "work",
          id: "5",
          children: [
            { title: "普通折线", id: "5-1", component: WorkPage1 },
            { title: "多图联动折线", id: "5-2", component: WorkPage2 },
            { title: "散点图", id: "5-3", component: WorkPage3 },
          ],
        },
      ],
    };
  },

  methods: {},
};
</script>

<style scoped>
.page_container {
  width: 100%;
  height: 100%;
}
</style>
